<template>
  <!-- <el-drawer destroy-on-close size="800" v-model="弹窗否" :show-close="false" :before-close="详情.关窗">
    <template #header>
      <a工具栏 :详情_抽屉式="详情" />
    </template>
<el-form :model="单项" label-position="top" ref="formRef" :rules="rule" label-width="80px">
  <el-form-item label="姓名:" prop="姓名">
    <el-input v-model="单项.姓名" :clearable="true" placeholder="请输入姓名" />
  </el-form-item>
  <el-form-item label="部门:" prop="部门id">
    <el-cascader v-model="单项.部门id" :options="list.插组件.a.候选值集.部门id树" :props="list.树设置.级联选择" />
  </el-form-item>
</el-form>
</el-drawer> -->

  <q-dialog v-model="弹窗否" position="right" full-height>
    <div class="bg-white q-pa-md w-[800px]">
      <a工具栏 :详情_抽屉式="详情" />
      <q-separator />
      <div style="height: calc(100% - 40px);" class="scroll">
          <el-form :model="单项" label-position="top" ref="formRef" :rules="rule" label-width="80px">
            <el-form-item label="姓名:" prop="姓名">
              <el-input v-model="单项.姓名" :clearable="true" placeholder="请输入姓名" />
            </el-form-item>
            <el-form-item label="部门:" prop="部门id">
              <el-cascader v-model="单项.部门id" :options="list.插组件.a.候选值集.部门id树" :props="list.树设置.级联选择" />
            </el-form-item>
            <p v-for="n in 15" :key="n">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum repellendus sit
              voluptate voluptas eveniet porro. Rerum blanditiis perferendis totam, ea at omnis vel numquam
              exercitationem
              aut, natus minima, porro labore.</p>
          </el-form>
      </div>
    </div>
  </q-dialog>
  <!-- <q-dialog v-model="弹窗否" position="right" full-height>
    <q-card>
      <a工具栏 :详情_抽屉式="详情" />
      <q-separator />
      <q-card-section style="height: calc(100% - 40px);" class="scroll">
        <p v-for="n in 15" :key="n">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum repellendus sit
          voluptate voluptas eveniet porro. Rerum blanditiis perferendis totam, ea at omnis vel numquam exercitationem
          aut, natus minima, porro labore.</p>
      </q-card-section>
      <q-separator />
      <q-card-actions align="right">
        <q-btn flat label="Decline" color="primary" v-close-popup />
        <q-btn flat label="Accept" color="primary" v-close-popup />
      </q-card-actions>
    </q-card>
  </q-dialog> -->

</template>

<script setup>
const props = defineProps({
  list: Object,
  url: String,
})

console.log(`list.插组件.a.候选值集 👉`, props.list.插组件.a.候选值集)
import use详情_抽屉式 from '@/hooks/use详情_抽屉式';
function 复制后处理(单项) {
  单项.姓名 += 1
}
const 详情 = use详情_抽屉式({ list: props.list, url: props.url, 复制后处理 })
// const 详情 = use详情_抽屉式()
const { 弹窗否, 单项, 初始化, formRef, rule } = 详情

defineExpose({ 详情 })

</script>

<style lang="scss" scoped></style>
